@font-face {
  font-family: 'YouSheBiaoTiHei'; /* Project id  */
  src: url('~@/assets/font/YouSheBiaoTiHei-2.ttf') format('truetype');
}
@font-face {
  font-family: 'DINPro'; /* Project id  */
  src: url('~@/assets/font/DINPro-Medium.woff') format('truetype');
}
@font-face {
  font-family: 'DingTalk'; /* Project id  */
  src: url('~@/assets/font/DingTalk_JinBuTi_Regular.woff') format('truetype');
}
@font-face {
  font-family: 'PingfangMedium'; /* Project id  */
  src: url('~@/assets/font/pingfang_medium.woff') format('truetype');
}
@font-face {
  font-family: 'PingFangSC'; /* Project id  */
  src: url('~@/assets/font/pingfang_regular.woff') format('truetype');
}
@font-face {
  font-family: 'LESLIE';
  src: url('~@/assets/font/LESLIEB.TTF') format('truetype');
}
@font-face {
  font-family: 'LCDBQ';
  src: url('~@/assets/font/LCDBQ-Italic.woff') format('truetype');
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0
}
body, html{
  color: #fff;
}
@mixin bigscreen($width, $height) {
  width: $width!important;
  height: $height!important;
}
.big-bg {
  width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center;
  background-color: #000;
  .big-screen {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: left top;
    overflow: hidden;
    background-repeat: no-repeat; background-size: cover;
  }
}
